<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" type="image/x-icon" href="/image/logo.png"/>
    <link rel="stylesheet" type="text/css" href="/css/detail-css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/detail-css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/detail-css/pe-icon-7-stroke.css"/>
    <link rel="stylesheet" type="text/css" href="/css/detail-css/slick.min.css"/>
    <link rel="stylesheet" type="text/css" href="/fonts/flaticon.css"/>
    <link rel="stylesheet" type="text/css" href="/css/detail-css/megamenu.css"/>
    <link rel="stylesheet" type="text/css" href="/css/detail-css/style.css"/>

    <title>ZPCR</title>



    <!-- Bootstrap core CSS -->
    <link href="/assets/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="/css/dashboard.css" rel="stylesheet">

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
    <script src="/assets/dist/js/bootstrap.min.js"></script>
    <script src="/js/bootstrap-datepicker.min.js"></script>
    <script src="/js/bootstrap-datepicker.zh-CN.min.js"></script>
    <link href="/css/bootstrap-datepicker3.css" rel="stylesheet">

</head>
<body>
<div th:replace="component::#headerMenu"></div>
<div class="container-fluid">
    <div class="row">
        <div th:replace="component::#sidebarMenu"></div>
        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4">
            <div class="single-thumb-vertical main-container shop-page no-sidebar">
                <div class="container">
                    <div class="row">
                        <div class="main-content col-md-12">
                            <div class="rustrot-notices-wrapper"></div>
                            <div id="product-27"
                                 class="post-27 product type-product status-publish has-post-thumbnail product_cat-table product_cat-new-arrivals product_cat-lamp product_tag-table product_tag-sock first instock shipping-taxable purchasable product-type-variable has-default-attributes">
                                <div class="main-contain-summary">
                                    <div class="contain-left has-gallery">
                                        <div class="single-left">
                                            <div class="rustrot-product-gallery rustrot-product-gallery--with-images rustrot-product-gallery--columns-4 images">
                                                <a href="#" class="rustrot-product-gallery__trigger">
                                                    <img draggable="false" class="emoji" alt="🔍"
                                                         src="https://s.w.org/images/core/emoji/11/svg/1f50d.svg"></a>
                                                <div class="flex-viewport">
                                                    <figure class="rustrot-product-gallery__wrapper">
                                                        <div class="rustrot-product-gallery__image">
                                                            <img alt="img"
                                                                 src="/image/car_img/1_abs.jpg">
                                                        </div>
                                                        <div class="rustrot-product-gallery__image">
                                                            <img src="/image/car_img/2_abs.jpg"
                                                                 alt="img">
                                                        </div>
                                                    </figure>
                                                </div>
                                                <ol class="flex-control-nav flex-control-thumbs">
                                                    <li><img
                                                            src="/image/car_img/1_abs.jpg" alt="img">
                                                    </li>
                                                    <li><img
                                                            src="/image/car_img/2_abs.jpg" alt="img">
                                                    </li>
                                                </ol>
                                            </div>
                                        </div>
                                        <div class="summary entry-summary">
                                            <div class="flash">
                                                <span class="onnew"><span class="text">New</span></span></div>
                                            <h1 class="product_title entry-title">Car details with pic</h1>
                                            <p class="price">
                                                <span class="rustrot-Price-amount amount" style="font-size: xxx-large" th:text="${car.brand + ' ' + car.type}"></span>
                                                <br>
                                                <br>
                                                <span class="rustrot-Price-amount amount" th:text="${car.dailyRent}"></span>
                                                <span class="rustrot-Price-currencySymbol">$</span>
                                            </p>
                                            <p class="stock in-stock">
                                                Availability: <span> In stock</span>
                                            </p>
                                            <div class="rustrot-product-details__short-description">
                                                <p th:text="${car.introduction}"></p>
                                                <ul>
                                                    <li th:text="${car.fuelType}"></li>
                                                    <li th:text="${car.transmissionType}"></li>
                                                    <li th:text="${car.licensePlateNumber}"></li>
                                                </ul>
                                                <form id="myForm" th:action="@{/car_details/appoint}" method="post">
                                                    <div class="input-daterange input-group" id="datepicker" style="width: 60%">
                                                        <input type="text" id="userId" class="form-control" name="userId" th:value="${session.user.id}" hidden>
                                                        <input type="text" id="carId" class="form-control" name="carId" th:value="${car.id}" hidden>
                                                        <input type="text" class="input-sm form-control" name="appointStartTime" placeholder="start date"/>
                                                        <span class="input-group-addon">~</span>
                                                        <input type="text" class="input-sm form-control" name="appointReturnTime" placeholder="return date"/>
                                                    </div>
                                                    <button type="submit" class="btn btn-primary my-2">Appoint</button>
                                                    <a href="#" class="btn btn-secondary my-2">Add Cart</a>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="rustrot-tabs rustrot-tabs-wrapper">
                                        <ul class="tabs dreaming-tabs" role="tablist">
                                            <li class="description_tab active" id="tab-title-description" role="tab"
                                                aria-controls="tab-description">
                                                <a href="#tab-description">Description</a>
                                            </li>
                                            <li class="additional_information_tab" id="tab-title-additional_information" role="tab"
                                                aria-controls="tab-additional_information">
                                                <a href="#tab-additional_information">Additional information</a>
                                            </li>
                                            <li class="reviews_tab" id="tab-title-reviews" role="tab" aria-controls="tab-reviews">
                                                <a href="#tab-reviews" th:text="${'Reviews (' + comments_size + ')'}">Reviews (0)</a>
                                            </li>
                                        </ul>
                                        <div class="rustrot-Tabs-panel rustrot-Tabs-panel--description panel entry-content rustrot-tab"
                                             id="tab-description" role="tabpanel" aria-labelledby="tab-title-description">
                                            <h2>Description</h2>
                                            <div class="container-table">
                                                <div class="container-cell">
                                                    <h2 class="az_custom_heading">这是一辆Super Car<br>法拉利296</h2>
                                                    <p>这里需要有很多很多很多很多很多很多很多很多很多很多很多
                                                        很多很多很多很多很多很多很多很多很多很多很多很多很多
                                                        内容才能显得这辆车的高贵</p>
                                                </div>
                                                <div class="container-cell">
                                                    <div class="az_single_image-wrapper az_box_border_grey">
                                                        <img src="/image/car_img/default.jpg"
                                                             class="az_single_image-img attachment-full" alt="img"></div>
                                                </div>
                                            </div>
                                            <div class="container-table">
                                                <div class="container-cell">
                                                    <div class="az_single_image-wrapper az_box_border_grey">
                                                        <img src="/image/car_img/default.jpg"
                                                             class="az_single_image-img attachment-full" alt="img"></div>
                                                </div>
                                                <div class="container-cell">
                                                    <h2 class="az_custom_heading">
                                                        This is a 上下班代步车<br>
                                                        Ferrari</h2>
                                                    <p>It's got to be lots and lots and lots and lots and
                                                        lots and lots and lots and lots and lots and lots
                                                        Lots and lots and lots and lots and lots and lots
                                                        and lots and lots and lots and lots
                                                        The content is the nobility of the car</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="rustrot-Tabs-panel rustrot-Tabs-panel--additional_information panel entry-content rustrot-tab"
                                             id="tab-additional_information" role="tabpanel"
                                             aria-labelledby="tab-title-additional_information">
                                            <h2>Additional information</h2>
                                            <table class="shop_attributes">
                                                <tbody>
                                                <tr>
                                                    <th>Color</th>
                                                    <td><p>Blue, Pink, Red, Yellow</p>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="rustrot-Tabs-panel rustrot-Tabs-panel--reviews panel entry-content rustrot-tab"
                                             id="tab-reviews" role="tabpanel" aria-labelledby="tab-title-reviews">
                                            <div id="reviews" class="rustrot-Reviews">
                                                <div id="comments">
                                                    <h2 class="rustrot-Reviews-title">Reviews</h2>
                                                    <p class="rustrot-noreviews" th:if="${comments_size eq 0}">There are no reviews yet.</p>
                                                    <div class="commentlist" th:each="comment:${comments}">
                                                        <div class="comment_container">
                                                            <p class="comment-author" th:text="${'UID:' + comment.userId + ' Time:' + comment.time}"></p>
                                                            <p class="comment-text" th:text="${comment.content}"></p>
                                                            <br>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 col-sm-12 dreaming_related-product">
                                <div class="block-title">
                                    <h3 class="product-grid-title">
                                        Related Products
                                        <span></span>
                                    </h3>
                                </div>
                                <div class="owl-slick owl-products equal-container better-height"
                                     data-slick="{&quot;arrows&quot;:false,&quot;slidesMargin&quot;:30,&quot;dots&quot;:true,&quot;infinite&quot;:false,&quot;speed&quot;:300,&quot;slidesToShow&quot;:4,&quot;rows&quot;:1}"
                                     data-responsive="[{&quot;breakpoint&quot;:480,&quot;settings&quot;:{&quot;slidesToShow&quot;:2,&quot;slidesMargin&quot;:&quot;10&quot;}},{&quot;breakpoint&quot;:768,&quot;settings&quot;:{&quot;slidesToShow&quot;:2,&quot;slidesMargin&quot;:&quot;10&quot;}},{&quot;breakpoint&quot;:992,&quot;settings&quot;:{&quot;slidesToShow&quot;:3,&quot;slidesMargin&quot;:&quot;20&quot;}},{&quot;breakpoint&quot;:1200,&quot;settings&quot;:{&quot;slidesToShow&quot;:3,&quot;slidesMargin&quot;:&quot;20&quot;}},{&quot;breakpoint&quot;:1500,&quot;settings&quot;:{&quot;slidesToShow&quot;:4,&quot;slidesMargin&quot;:&quot;30&quot;}}]">
                                    <div class="product-item style-01 post-27 product type-product status-publish has-post-thumbnail product_cat-table product_cat-new-arrivals product_cat-lamp product_tag-table product_tag-sock  instock shipping-taxable purchasable product-type-variable has-default-attributes ">
                                        <div class="product-inner tooltip-left">
                                            <div class="product-thumb">
                                                <a class="thumb-link"
                                                   href="single-product.html" tabindex="0">
                                                    <img class="img-responsive"
                                                         src="/image/car_img/default.jpg"
                                                         alt="Basic Long Sleeve " width="600" height="778">
                                                </a>
                                                <div class="flash"><span class="onnew"><span class="text">New</span></span></div>
                                                <div class="group-button">
                                                    <div class="yith-wcwl-add-to-wishlist">
                                                        <div class="yith-wcwl-add-button show">
                                                            <a href="wishlist.html" class="add_to_wishlist">Add to Wishlist</a>
                                                        </div>
                                                    </div>
                                                    <div class="rustrot product compare-button">
                                                        <a href="compare.html" class="compare button">Compare</a>
                                                    </div>
                                                    <a href="#" class="button yith-wcqv-button">Quick View</a>
                                                    <div class="add-to-cart">
                                                        <a href="cart.html" class="button product_type_variable add_to_cart_button">Add to
                                                            cart</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-info equal-elem">
                                                <h3 class="product-name product_title">
                                                    <a href="single-product.html"
                                                       tabindex="0">Basic Long Sleeve </a>
                                                </h3>
                                                <div class="rating-wapper nostar">
                                                    <div class="star-rating"><span style="width:0%">Rated <strong
                                                            class="rating">0</strong> out of 5</span></div>
                                                    <span class="review">(0)</span></div>
                                                <span class="price"><span class="rustrot-Price-amount amount"><span
                                                        class="rustrot-Price-currencySymbol">$</span>60.00</span></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-item style-01 post-30 product type-product status-publish has-post-thumbnail product_cat-light product_cat-bed product_cat-specials product_tag-light product_tag-table product_tag-sock last instock featured downloadable shipping-taxable purchasable product-type-simple  ">
                                        <div class="product-inner tooltip-left">
                                            <div class="product-thumb">
                                                <a class="thumb-link" href="single-product.html"
                                                   tabindex="0">
                                                    <img class="img-responsive"
                                                         src="/image/car_img/default.jpg"
                                                         alt="Print Pleated Skirt" width="600" height="778">
                                                </a>
                                                <div class="flash">
                                                    <span class="onnew"><span class="text">New</span></span></div>
                                                <div class="group-button">
                                                    <div class="yith-wcwl-add-to-wishlist">
                                                        <div class="yith-wcwl-add-button show">
                                                            <a href="wishlist.html" class="add_to_wishlist">Add to Wishlist</a>
                                                        </div>
                                                    </div>
                                                    <div class="rustrot product compare-button">
                                                        <a href="compare.html" class="compare button">Compare</a>
                                                    </div>
                                                    <a href="#" class="button yith-wcqv-button">Quick View</a>
                                                    <div class="add-to-cart">
                                                        <a href="cart.html" class="button product_type_variable add_to_cart_button">Add to
                                                            cart</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-info equal-elem">
                                                <h3 class="product-name product_title">
                                                    <a href="single-product.html" tabindex="0">Print Pleated Skirt</a>
                                                </h3>
                                                <div class="rating-wapper nostar">
                                                    <div class="star-rating"><span style="width:0%">Rated <strong
                                                            class="rating">0</strong> out of 5</span></div>
                                                    <span class="review">(0)</span></div>
                                                <span class="price"><span class="rustrot-Price-amount amount"><span
                                                        class="rustrot-Price-currencySymbol">$</span>134.00</span></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-item style-01 post-35 product type-product status-publish has-post-thumbnail product_cat-chair product_cat-new-arrivals product_cat-lamp product_tag-light product_tag-hat product_tag-sock first instock shipping-taxable purchasable product-type-simple  ">
                                        <div class="product-inner tooltip-left">
                                            <div class="product-thumb">
                                                <a class="thumb-link"
                                                   href="single-product.html" tabindex="0">
                                                    <img class="img-responsive"
                                                         src="/image/car_img/default.jpg"
                                                         alt="Modern Cardigans" width="600" height="778">
                                                </a>
                                                <div class="flash">
                                                    <span class="onsale"><span class="number">-11%</span></span>
                                                    <span class="onnew"><span class="text">New</span></span></div>
                                                <div class="group-button">
                                                    <div class="yith-wcwl-add-to-wishlist">
                                                        <div class="yith-wcwl-add-button show">
                                                            <a href="wishlist.html" class="add_to_wishlist">Add to Wishlist</a>
                                                        </div>
                                                    </div>
                                                    <div class="rustrot product compare-button">
                                                        <a href="compare.html" class="compare button">Compare</a>
                                                    </div>
                                                    <a href="#" class="button yith-wcqv-button">Quick View</a>
                                                    <div class="add-to-cart">
                                                        <a href="cart.html" class="button product_type_variable add_to_cart_button">Add to
                                                            cart</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-info equal-elem">
                                                <h3 class="product-name product_title">
                                                    <a href="single-product.html" tabindex="0">Modern Cardigans</a>
                                                </h3>
                                                <div class="rating-wapper nostar">
                                                    <div class="star-rating"><span style="width:0%">Rated <strong
                                                            class="rating">0</strong> out of 5</span></div>
                                                    <span class="review">(0)</span></div>
                                                <span class="price"><del><span class="rustrot-Price-amount amount"><span
                                                        class="rustrot-Price-currencySymbol">$</span>89.00</span></del> <ins><span
                                                        class="rustrot-Price-amount amount"><span
                                                        class="rustrot-Price-currencySymbol">$</span>79.00</span></ins></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-item style-01 post-25 product type-product status-publish has-post-thumbnail product_cat-light product_cat-chair product_cat-specials product_tag-light product_tag-sock  instock sale featured shipping-taxable purchasable product-type-simple ">
                                        <div class="product-inner tooltip-left">
                                            <div class="product-thumb">
                                                <a class="thumb-link"
                                                   href="single-product.html" tabindex="-1">
                                                    <img class="img-responsive"
                                                         src="/image/car_img/default.jpg"
                                                         alt="Damen Kleider" width="600" height="778">
                                                </a>
                                                <div class="flash">
                                                    <span class="onnew"><span class="text">New</span></span></div>
                                                <div class="group-button">
                                                    <div class="yith-wcwl-add-to-wishlist">
                                                        <div class="yith-wcwl-add-button show">
                                                            <a href="wishlist.html" class="add_to_wishlist">Add to Wishlist</a>
                                                        </div>
                                                    </div>
                                                    <div class="rustrot product compare-button">
                                                        <a href="compare.html" class="compare button">Compare</a>
                                                    </div>
                                                    <a href="#" class="button yith-wcqv-button">Quick View</a>
                                                    <div class="add-to-cart">
                                                        <a href="cart.html" class="button product_type_variable add_to_cart_button">Add to
                                                            cart</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-info equal-elem">
                                                <h3 class="product-name product_title">
                                                    <a href="single-product.html"
                                                       tabindex="-1">Damen Kleider</a>
                                                </h3>
                                                <div class="rating-wapper nostar">
                                                    <div class="star-rating"><span style="width:0%">Rated <strong
                                                            class="rating">0</strong> out of 5</span></div>
                                                    <span class="review">(0)</span></div>
                                                <span class="price"><span class="rustrot-Price-amount amount"><span
                                                        class="rustrot-Price-currencySymbol">$</span>109.00</span></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-item style-01 post-93 product type-product status-publish has-post-thumbnail product_cat-light product_cat-table product_cat-new-arrivals product_tag-table product_tag-sock last instock shipping-taxable purchasable product-type-simple ">
                                        <div class="product-inner tooltip-left">
                                            <div class="product-thumb">
                                                <a class="thumb-link" href="single-product.html"
                                                   tabindex="-1">
                                                    <img class="img-responsive"
                                                         src="/image/car_img/default.jpg"
                                                         alt="Stretch Cotton Dress" width="600" height="778">
                                                </a>
                                                <div class="flash">
                                                    <span class="onnew"><span class="text">New</span></span></div>
                                                <div class="group-button">
                                                    <div class="yith-wcwl-add-to-wishlist">
                                                        <div class="yith-wcwl-add-button show">
                                                            <a href="wishlist.html" class="add_to_wishlist">Add to Wishlist</a>
                                                        </div>
                                                    </div>
                                                    <div class="rustrot product compare-button">
                                                        <a href="compare.html" class="compare button">Compare</a>
                                                    </div>
                                                    <a href="#" class="button yith-wcqv-button">Quick View</a>
                                                    <div class="add-to-cart">
                                                        <a href="cart.html" class="button product_type_variable add_to_cart_button">Add to
                                                            cart</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-info equal-elem">
                                                <h3 class="product-name product_title">
                                                    <a href="single-product.html" tabindex="-1">City
                                                        life jumpers</a>
                                                </h3>
                                                <div class="rating-wapper nostar">
                                                    <div class="star-rating"><span style="width:0%">Rated <strong
                                                            class="rating">0</strong> out of 5</span></div>
                                                    <span class="review">(0)</span></div>
                                                <span class="price"><span class="rustrot-Price-amount amount"><span
                                                        class="rustrot-Price-currencySymbol">$</span>98.00</span></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-item style-01 post-22 product type-product status-publish has-post-thumbnail product_cat-table product_cat-bed product_cat-lamp product_tag-table product_tag-hat product_tag-sock first instock featured downloadable shipping-taxable purchasable product-type-simple ">
                                        <div class="product-inner tooltip-left">
                                            <div class="product-thumb">
                                                <a class="thumb-link" href="single-product.html"
                                                   tabindex="-1">
                                                    <img class="img-responsive"
                                                         src="/image/car_img/default.jpg"
                                                         alt="Wool polo shirt" width="600" height="778">
                                                </a>
                                                <div class="flash">
                                                    <span class="onnew"><span class="text">New</span></span></div>
                                                <form class="variations_form cart">
                                                    <table class="variations">
                                                        <tbody>
                                                        <tr>
                                                            <td class="value">
                                                                <select title="box_style" data-attributetype="box_style"
                                                                        data-id="pa_color"
                                                                        class="attribute-select " name="attribute_pa_color"
                                                                        data-attribute_name="attribute_pa_color"
                                                                        data-show_option_none="yes" tabindex="-1">
                                                                    <option data-type="" data-pa_color="" value="">Choose an
                                                                        option
                                                                    </option>
                                                                    <option data-width="30" data-height="30" data-type="color"
                                                                            data-pa_color="#ffe59e" value="pink"
                                                                            class="attached enabled">Pink
                                                                    </option>
                                                                    <option data-width="30" data-height="30" data-type="color"
                                                                            data-pa_color="#a825ea" value="purple"
                                                                            class="attached enabled">Purple
                                                                    </option>
                                                                    <option data-width="30" data-height="30" data-type="color"
                                                                            data-pa_color="#b6b8ba" value="red"
                                                                            class="attached enabled">Red
                                                                    </option>
                                                                </select>
                                                                <div class="data-val attribute-pa_color"
                                                                     data-attributetype="box_style">
                                                                    <label>
                                                                        <input type="radio" name="color">
                                                                        <span class="change-value color"
                                                                              style="background: #3155e2;" data-value="blue">
                                                            </span>
                                                                    </label>
                                                                    <label>
                                                                        <input type="radio" name="color">
                                                                        <span class="change-value color"
                                                                              style="background: #52b745;" data-value="green">
                                                            </span>
                                                                    </label>
                                                                    <label>
                                                                        <input type="radio" name="color">
                                                                        <span class="change-value color"
                                                                              style="background: #ffe59e;" data-value="pink">
                                                            </span>
                                                                    </label>
                                                                </div>
                                                                <a class="reset_variations" href="#" tabindex="-1"
                                                                   style="visibility: hidden;">Clear</a></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </form>
                                                <div class="group-button">
                                                    <div class="yith-wcwl-add-to-wishlist">
                                                        <div class="yith-wcwl-add-button show">
                                                            <a href="wishlist.html" class="add_to_wishlist">Add to Wishlist</a>
                                                        </div>
                                                    </div>
                                                    <div class="rustrot product compare-button">
                                                        <a href="compare.html" class="compare button">Compare</a>
                                                    </div>
                                                    <a href="#" class="button yith-wcqv-button">Quick View</a>
                                                    <div class="add-to-cart">
                                                        <a href="cart.html" class="button product_type_variable add_to_cart_button">Select
                                                            options</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-info equal-elem">
                                                <h3 class="product-name product_title">
                                                    <a href="single-product.html" tabindex="-1">Wool polo shirt</a>
                                                </h3>
                                                <div class="rating-wapper nostar">
                                                    <div class="star-rating"><span style="width:0%">Rated <strong
                                                            class="rating">0</strong> out of 5</span></div>
                                                    <span class="review">(0)</span></div>
                                                <span class="price"><span class="rustrot-Price-amount amount"><span
                                                        class="rustrot-Price-currencySymbol">$</span>105.00</span> – <span
                                                        class="rustrot-Price-amount amount"><span
                                                        class="rustrot-Price-currencySymbol">$</span>110.00</span></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 col-sm-12 rustrot_dreaming_upsell-product">
                                <div class="block-title">
                                    <h3 class="product-grid-title">
                                        Upsell Products
                                        <span></span>
                                    </h3>
                                </div>
                                <div class="owl-slick owl-products equal-container better-height"
                                     data-slick="{&quot;arrows&quot;:false,&quot;slidesMargin&quot;:30,&quot;dots&quot;:true,&quot;infinite&quot;:false,&quot;speed&quot;:300,&quot;slidesToShow&quot;:4,&quot;rows&quot;:1}"
                                     data-responsive="[{&quot;breakpoint&quot;:480,&quot;settings&quot;:{&quot;slidesToShow&quot;:2,&quot;slidesMargin&quot;:&quot;10&quot;}},{&quot;breakpoint&quot;:768,&quot;settings&quot;:{&quot;slidesToShow&quot;:2,&quot;slidesMargin&quot;:&quot;10&quot;}},{&quot;breakpoint&quot;:992,&quot;settings&quot;:{&quot;slidesToShow&quot;:3,&quot;slidesMargin&quot;:&quot;20&quot;}},{&quot;breakpoint&quot;:1200,&quot;settings&quot;:{&quot;slidesToShow&quot;:3,&quot;slidesMargin&quot;:&quot;20&quot;}},{&quot;breakpoint&quot;:1500,&quot;settings&quot;:{&quot;slidesToShow&quot;:4,&quot;slidesMargin&quot;:&quot;30&quot;}}]">
                                    <div class="product-item style-01 post-27 product type-product status-publish has-post-thumbnail product_cat-table product_cat-new-arrivals product_cat-lamp product_tag-table product_tag-sock  instock shipping-taxable purchasable product-type-variable has-default-attributes ">
                                        <div class="product-inner tooltip-left">
                                            <div class="product-thumb">
                                                <a class="thumb-link"
                                                   href="single-product.html" tabindex="0">
                                                    <img class="img-responsive"
                                                         src="/image/car_img/default.jpg"
                                                         alt="Wide Leg Jeans" width="600" height="778">
                                                </a>
                                                <div class="flash">
                                                    <span class="onnew"><span class="text">New</span></span></div>
                                                <div class="group-button">
                                                    <div class="yith-wcwl-add-to-wishlist">
                                                        <div class="yith-wcwl-add-button show">
                                                            <a href="wishlist.html" class="add_to_wishlist">Add to Wishlist</a>
                                                        </div>
                                                    </div>
                                                    <div class="rustrot product compare-button">
                                                        <a href="compare.html" class="compare button">Compare</a>
                                                    </div>
                                                    <a href="#" class="button yith-wcqv-button">Quick View</a>
                                                    <div class="add-to-cart">
                                                        <a href="cart.html" class="button product_type_external add_to_cart_button">Buy
                                                            it on Amazon</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-info equal-elem">
                                                <h3 class="product-name product_title">
                                                    <a href="single-product.html" tabindex="0">Hooded Sweatshirt</a>
                                                </h3>
                                                <div class="rating-wapper ">
                                                    <div class="star-rating"><span style="width:100%">Rated <strong
                                                            class="rating">5.00</strong> out of 5</span></div>
                                                    <span class="review">(1)</span></div>
                                                <span class="price"><span class="rustrot-Price-amount amount"><span
                                                        class="rustrot-Price-currencySymbol">$</span>207.00</span></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-item style-01 post-26 product type-product status-publish has-post-thumbnail product_cat-light product_cat-chair product_cat-sofas product_tag-light product_tag-hat last instock featured shipping-taxable product-type-external  ">
                                        <div class="product-inner tooltip-left">
                                            <div class="product-thumb">
                                                <a class="thumb-link" href="single-product.html"
                                                   tabindex="0">
                                                    <img class="img-responsive"
                                                         src="/image/car_img/default.jpg"
                                                         alt="Wool polo shirt" width="600" height="778">
                                                </a>
                                                <div class="flash">
                                                    <span class="onnew"><span class="text">New</span></span></div>
                                                <div class="group-button">
                                                    <div class="yith-wcwl-add-to-wishlist">
                                                        <div class="yith-wcwl-add-button show">
                                                            <a href="wishlist.html" class="add_to_wishlist">Add to Wishlist</a>
                                                        </div>
                                                    </div>
                                                    <div class="rustrot product compare-button">
                                                        <a href="compare.html" class="compare button">Compare</a>
                                                    </div>
                                                    <a href="#" class="button yith-wcqv-button">Quick View</a>
                                                    <div class="add-to-cart">
                                                        <a href="cart.html" class="button product_type_simple add_to_cart_button">Add to
                                                            cart</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-info equal-elem">
                                                <h3 class="product-name product_title">
                                                    <a href="single-product.html" tabindex="0">Wool polo shirt</a>
                                                </h3>
                                                <div class="rating-wapper nostar">
                                                    <div class="star-rating"><span style="width:0%">Rated <strong
                                                            class="rating">0</strong> out of 5</span></div>
                                                    <span class="review">(0)</span></div>
                                                <span class="price"><span class="rustrot-Price-amount amount"><span
                                                        class="rustrot-Price-currencySymbol">$</span>120.00</span></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-item style-01 post-37 product type-product status-publish has-post-thumbnail product_cat-chair product_cat-bed product_tag-light product_tag-hat product_tag-sock first instock shipping-taxable purchasable product-type-simple  ">
                                        <div class="product-inner tooltip-left">
                                            <div class="product-thumb">
                                                <a class="thumb-link rustrot-product-gallery__image"
                                                   href="single-product.html"
                                                   tabindex="0">
                                                    <img class="img-responsive wp-post-image"
                                                         src="/image/car_img/default.jpg"
                                                         alt="Silk Sweater" width="600" height="778">
                                                </a>
                                                <div class="flash">
                                                    <span class="onnew"><span class="text">New</span></span></div>
                                                <div class="group-button">
                                                    <div class="yith-wcwl-add-to-wishlist">
                                                        <div class="yith-wcwl-add-button show">
                                                            <a href="wishlist.html" class="add_to_wishlist">Add to Wishlist</a>
                                                        </div>
                                                    </div>
                                                    <div class="rustrot product compare-button">
                                                        <a href="compare.html" class="compare button">Compare</a>
                                                    </div>
                                                    <a href="#" class="button yith-wcqv-button">Quick View</a>
                                                    <div class="add-to-cart">
                                                        <a href="cart.html" class="button product_type_simple add_to_cart_button">Add to
                                                            cart</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-info equal-elem">
                                                <h3 class="product-name product_title">
                                                    <a href="single-product.html#"
                                                       tabindex="0">Silk Sweater</a>
                                                </h3>
                                                <div class="rating-wapper nostar">
                                                    <div class="star-rating"><span style="width:0%">Rated <strong
                                                            class="rating">0</strong> out of 5</span></div>
                                                    <span class="review">(0)</span></div>
                                                <span class="price"><span class="rustrot-Price-amount amount"><span
                                                        class="rustrot-Price-currencySymbol">$</span>56.00</span></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-item style-01 post-1194 product_variation type-product_variation status-publish has-post-thumbnail product  instock shipping-taxable purchasable product-type-variation ">
                                        <div class="product-inner tooltip-left">
                                            <div class="product-thumb">
                                                <a class="thumb-link"
                                                   href="single-product.html" tabindex="-1">
                                                    <img class="img-responsive"
                                                         src="/image/car_img/default.jpg"
                                                         alt="Print Pleated Skirt" width="600" height="778">
                                                </a>
                                                <div class="flash">
                                                    <span class="onnew"><span class="text">New</span></span></div>
                                                <div class="group-button">
                                                    <div class="yith-wcwl-add-to-wishlist">
                                                        <div class="yith-wcwl-add-button show">
                                                            <a href="wishlist.html" class="add_to_wishlist">Add to Wishlist</a>
                                                        </div>
                                                    </div>
                                                    <div class="rustrot product compare-button">
                                                        <a href="compare.html" class="compare button">Compare</a>
                                                    </div>
                                                    <a href="#" class="button yith-wcqv-button">Quick View</a>
                                                    <div class="add-to-cart">
                                                        <a href="single-product.html" class="button product_type_simple add_to_cart_button">Add to
                                                            cart</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-info equal-elem">
                                                <h3 class="product-name product_title">
                                                    <a href="single-product.html"
                                                       tabindex="-1">Print Pleated Skirt</a>
                                                </h3>
                                                <div class="rating-wapper nostar">
                                                    <div class="star-rating"><span style="width:0%">Rated <strong
                                                            class="rating">0</strong> out of 5</span></div>
                                                    <span class="review">(0)</span></div>
                                                <span class="price"><span class="rustrot-Price-amount amount"><span
                                                        class="rustrot-Price-currencySymbol">$</span>79.00</span></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="progress-wrap">
                    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
                        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
                    </svg>
                </div>
            </div>
        </main>
    </div>
</div>

</body>

<script>
    $("#datepicker").datepicker({
        language: 'zh-CN', //语言
        autoclose: true, //选择后自动关闭
        clearBtn: true,//清除按钮
        format: "yyyy-mm-dd"//日期格式
    });
</script>
<script src="/js/detail-js/jquery-1.12.4.min.js"></script>
<script src="/js/detail-js/lightbox.min.js"></script>
<script src="/js/detail-js/slick.min.js"></script>
<script src="/js/detail-js/jquery.zoom.min.js"></script>
<script src="/js/detail-js/jquery-ui.min.js"></script>
<script src="/js/detail-js/mobilemenu.js"></script>
<script src="/js/detail-js/functions.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="/assets/dist/js/vender/jquery.slim.min.js"><\/script>')</script>
<script src="/assets/dist/js/bootstrap.bundle.min.js"></script>
<script src="/js/feather.min.js"></script>
<script src="/js/component.js"></script>
<script src="/js/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript">
    $('#sandbox-container .input-daterange').datepicker({
        datesDisabled: ['04/06/2023', '04/21/2023']
    });
</script>
</html>